﻿@model IEnumerable<Commission.ViewModels.EnrollmentDateGroup>

@{
    ViewBag.Title = "Student Body Statistics";
}

@section MyJavascript {
    <script type="text/javascript">
    $(function () {
        var upgradeTime1 = '11 11 12 33';

        $('#counter').countdown({
            image: '/Images/digits.png',
            startTime: upgradeTime1,
            digitImages: 6,
        });

        $('#counter_2').countdown({
            startTime: '00:10',
            format: 'mm:ss',
            digitImages: 6,
            digitWidth: 53,
            digitHeight: 77,
            timerEnd: function () {  },
            image: 'digits.png'
        });
    });
    </script>
}

<style type="text/css">
      br { clear: both; }

      .cntSeparator {
        font-size: 54px;
        margin: 10px 7px;
        color: #000;
      }
      .desc { margin: 7px 3px; }
      .desc div {
        float: left;
        font-family: Arial;
        width: 56px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
      }
    </style>

<h2>Student Body Statistics</h2>

<div id="counter"></div>
<div class="desc">
    <div>Days</div>
    <div>Hours</div>
    <div>Minutes</div>
    <div>Seconds</div>
</div>
<br />
<br />
<br />
<div id="counter_2"></div>
<div class="desc">
    <div>Minutes</div>
    <div>Seconds</div>
</div>